// 将数据拿取，分别渲染
// 从数组中进行加载
let saveName;
document.addEventListener('DOMContentLoaded', () => {
    // 将数据进行初始化
    saveName = getFromLocalStorage("saveName");
    const rankList = document.getElementById('rank-list');
    console.log(saveName);
    RanderData(saveName,rankList)
    // 将数据进行渲染
    // 渲染
    // 根据数组中的数据进行渲染

});
function RanderData(data, TargetDom) {
    // 首先对数据进行排序
    data.sort((a, b) => b.score - a.score);
    // 处理 score 相等的情况
    let rank = 1;
    let currentScore = null;
    let rankItems = [];
    data.forEach((item, index) => {
        if (item.score !== currentScore) {
            currentScore = item.score;
            rank = index + 1; // 更新排名
        }

        // 创建 rank-item 元素
        const rankItem = document.createElement('div');
        rankItem.className = 'rank-item';

        // 创建 rank-number 元素
        const rankNumber = document.createElement('div');
        rankNumber.className = 'rank-number';
        rankNumber.textContent = rank;
        rankItem.appendChild(rankNumber);

        // 创建 rank-content 元素
        const rankContent = document.createElement('div');
        rankContent.className = 'rank-content';

        // 创建 name 元素
        const nameElement = document.createElement('p');
        nameElement.textContent = item.name;
        rankContent.appendChild(nameElement);

        // 创建 score 元素
        const scoreElement = document.createElement('p');
        scoreElement.textContent = `分数：${item.score}`;
        rankContent.appendChild(scoreElement);

        rankItem.appendChild(rankContent);
        rankItems.push(rankItem);
    });
    // 将所有 rank-item 添加到 TargetDom
    rankItems.forEach(item => {
        TargetDom.appendChild(item);
    });
}
const bt = document.getElementById('turn')
bt.addEventListener('click', () => {
    for (let key in localStorage) {
        if (key !== 'studentName') {
            localStorage.removeItem(key);
        }
    }
    window.location.href = '../RandomGet.html';
})